<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>猫眼看房</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/main.css" />
	</head>

	<body>
		<!--顶部-->
		<header>
			<a href="javascript:history.go(-1)" class="iconfont icon-zuojiantou1"></a>
			<h1>清风椰林湾</h1>
		</header>
		<!--顶部-->
		<!--内容-->
		<div class="container pt2">
			<div class="bannerbox">
				<a href="buildingPicture.html"><img src="../../img/img01.jpg" /></a>
				<i class="iconfont icon-sanjiaoxing" onclick="view(this)"></i>
				<a href="http://192.168.5.158:50369/"></a>
				<span>113张</span>
			</div>
			<div class="b-first">
				<ul class="column">
					<li class="row">
						<div class="row">
							<span>18200/㎡ 起</span>
							<em>待售</em>
						</div>
						<a href="param.html" class="row">
							<p class="b-right">楼盘参数</p>
							<i class="iconfont icon-arrow-right"></i>
						</a>
					</li>
					<li class="row">
						<div class="row">
							<p>三亚市吉阳区榆亚路18号</p>
						</div>
						<a href="#" class="row">
							<p class="b-right">导航到楼盘</p>
							<i class="iconfont icon-arrow-right"></i>
						</a>
					</li>
					<!--第三方-->
					<li class="row dymic">
						<div class="row">
							<h2>动态</h2>
							<a href="trendBuilding.html" class="content">清风椰林湾12月25日前签订购房合同奖励1万元清风椰林湾12月25日前签订购房合同奖励1万元</a>
						</div>
						<a href="#" class="row">
							<i class="iconfont icon-arrow-right"></i>
						</a>
					</li>
				</ul>
			</div>
			<!--第三方-->
			<!--<div class="b-second">
				<a href="#">渠道商<i class="iconfont icon-arrown-fill-down"></i></a>
				<a href="#">职业<i class="iconfont icon-arrown-fill-down"></i></a>
				<a href="#">销售状态<i class="iconfont icon-arrown-fill-down"></i></a>
			</div>-->
			<div class="block4"></div>
			<div class="b-three">
				<!--<div class="swiper-container">
					<div class="swiper-wrapper">
						<a href="#" class="swiper-slide current" onclick="chooseH(this)">
							<span>2房1厅1卫65㎡</span>
							<em>(13)</em>
						</a>
						<a href="#" class="swiper-slide" onclick="chooseH(this)">
							<span>3房1厅1卫90㎡</span>
							<em>(20)</em>
						</a>
						<a href="#" class="swiper-slide" onclick="chooseH(this)">
							<span>3房2厅1卫110㎡</span>
							<em>(15)</em>
						</a>
						<a href="#" class="swiper-slide" onclick="chooseH(this)">
							<span>2房2厅1卫80㎡</span>
							<em>(10)</em>
						</a>
						<a href="#" class="swiper-slide" onclick="chooseH(this)">
							<span>4房2厅2卫150㎡</span>
							<em>(13)</em>
						</a>
						<a href="#" class="swiper-slide" onclick="chooseH(this)">
							<span>3房2厅2卫120㎡</span>
							<em>(8)</em>
						</a>
						<a href="#" class="swiper-slide" onclick="chooseH(this)">
							<span>2房1厅1卫65㎡</span>
							<em>(13)</em>
						</a>
					</div>
				</div>-->
				<div class="typelistbox">
					<div class="typetag row">
						<a href="#">住宅</a>
						<a href="#">70年产权</a>
						<a href="#">拎包入住</a>
						<a href="#">可按揭</a>
						<a href="#">不限购</a>
						<a href="#">海景</a>
						<a href="#">垫资节佣</a>
						<a href="#">指定接待</a>
					</div>
					<div class="row qu-box">
						<span class="qu-entry">渠道政策、电话点此进入</span>
					</div>
					
					<div class="typelist">
						<ul>
							<!--无第三方-->
							<li>
								<a href="houseInfo.html" class="row">
									<div class="typeimg second">
										<img src="../../img/img01.jpg" />
										<label>二手</label>
									</div>
									<div class="type-r column">
										<div class="row">
											<p class="row">
												<b>3%+5000元</b>
											</p>
											<b>180万起</b>
										</div>
										<div class="row">
											<p class="row">
												<i>在售</i>
												<em>垫</em>
												<em>指</em>
											</p>
											<span>11月3日更新</span>
										</div>
									</div>
								</a>
							</li>
							<!--无第三方-->
							<li>
								<a href="houseInfo.html" class="row">
									<div class="typeimg"><img src="../../img/img01.jpg" /></div>
									<div class="type-r column">
										<div class="row">
											<p class="row">
												<em>独</em>
												<span>易达行 / 置业顾问 / 陈明</span>
											</p>
											<b>180万起</b>
										</div>
										<div class="row">
											<p class="row">
												<b>3%+5000元</b>
												<i>在售</i>
												<em>垫</em>
												<em>指</em>
											</p>
											<span>11月3日更新</span>
										</div>
									</div>
								</a>
							</li>
							<li>
								<a href="houseInfo.html" class="row">
									<div class="typeimg"><img src="../../img/img01.jpg" /></div>
									<div class="type-r column">
										<div class="row">
											<p class="row">
												<em>联</em>
												<span>共策兄弟连 / 置业顾问 / 陈明</span>
											</p>
											<b>180万起</b>
										</div>
										<div class="row">
											<p class="row">
												<b>3%+5000元</b>
												<i>在售</i>
											</p>
											<span>11月3日更新</span>
										</div>
									</div>
								</a>
							</li>
							<li>
								<a href="houseInfo.html" class="row">
									<div class="typeimg"><img src="../../img/img01.jpg" /></div>
									<div class="type-r column">
										<div class="row">
											<p class="row">
												<span>易达行 / 置业顾问 / 陈明</span>
											</p>
											<b>180万起</b>
										</div>
										<div class="row">
											<p class="row">
												<b>3%+5000元</b>
												<i>在售</i>
											</p>
											<span>11月3日更新</span>
										</div>
									</div>
								</a>
							</li>
							<li>
								<a href="#" class="row">
									<div class="typeimg"><img src="../../img/img01.jpg" /></div>
									<div class="type-r column">
										<div class="row">
											<p class="row">
												<span>易达行 / 置业顾问 / 陈明</span>
											</p>
											<b>180万起</b>
										</div>
										<div class="row">
											<p class="row">
												<b>3%+5000元</b>
												<i>在售</i>
											</p>
											<span>11月3日更新</span>
										</div>
									</div>
								</a>
							</li>
						</ul>
						<div class="moreoffer column" onclick="showmore(this)">
							<span>更多报价 (13)</span>
							<i class="iconfont icon-arrow-down"></i>
						</div>
					</div>
				</div>
				<!--第三方-->
				<div class="answerbox">
					<p class="titletag">楼盘问答</p>
					<ul class="answer">
						<li class="row">
							<em>问</em>
							<a href="answerDetail.html" class="answerlist column">
								<span>可以按揭吗？</span>
								<i>3个回答</i>
							</a>
						</li>
						<li class="row">
							<em>问</em>
							<a href="answerDetail.html" class="answerlist column">
								<span>限购吗？客户在海南是第二套房</span>
								<i>3个回答</i>
							</a>
						</li>
					</ul>
					<div class="row allanswer">
						<a href="answerList.html">查看全部问答</a>
					</div>
				</div>
				<!--第三方-->
				<div class="answerbox">
					<p class="titletag">楼盘点评</p>
					<div class="comment row">
						<a class="active" onclick="clickCom(this)">楼盘户型</a>
						<a onclick="clickCom(this)">结佣速度</a>
						<a onclick="clickCom(this)">案场配合</a>
						<a onclick="clickCom(this)">全部</a>
					</div>
					<div class="replydetail">
						<a  href="commentDetail.html" class="txbox"><img src="../../img/img03.jpg" /></a>
						<div class="replycon">
							<div class="replytop">
								<a href="commentDetail.html" class="personname">
									<span>锐进地产 陈海</span>
								</a>
								<p><a href="commentDetail.html">能不能按揭，客户已在海南购买一套房客户</a></p>
								<div class="tips">
									<em>2小时前</em>
									<div class="static">
										<span><i class="iconfont icon-comment"></i>213</span>
										<span onclick="thumb(this)"><i class="iconfont icon-dianzan"></i>213</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="replydetail">
						<a  href="commentDetail.html" class="txbox"><img src="../../img/img03.jpg" /></a>
						<div class="replycon">
							<div class="replytop">
								<a href="commentDetail.html" class="personname">
									<span>锐进地产 陈海</span>
								</a>
								<p><a href="commentDetail.html">能不能按揭，客户已在海南购买一套房客户</a></p>
								<div class="tips">
									<em>2小时前</em>
									<div class="static">
										<span><i class="iconfont icon-comment"></i>213</span>
										<span onclick="thumb(this)"><i class="iconfont icon-dianzan"></i>213</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="row allanswer">
						<a href="commentList.html">查看全部点评</a>
					</div>
				</div>
				<!--无第三方-->
				<p class="nothing">目前暂无分销上传房源，快来抢第一！</p>
				<!--无第三方-->
			</div>
		</div>
		<!--内容-->
		<!--底部-->
		<footer>
			<a class="publish row">
				<i class="iconfont icon-jiahao"></i>
				<span>我要发房源</span>
			</a>
		</footer>
		<!--底部-->
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/swiper.min.js"></script>
		<script src="../../js/layer/layer.js"></script>
		<script src="../../js/wap.js"></script>
		<script type="text/javascript">
			var mySwiper = new Swiper('.swiper-container', {
				freeMode: true,
				slidesPerView: 'auto',
				freeModeSticky: true,
				slidesOffsetBefore: 25,
				spaceBetween: '6%',
			});
			//选择户型
			function chooseH(e) {
				$('.b-three a.swiper-slide').removeClass('current');
				$(e).addClass('current');
			}
			//点击更多报价
			$(document).ready(function() {
				var arr = $(".b-three .typelist ul li:not(:hidden)");
				if (arr.length > 3) {
					$(".b-three .typelist ul li").hide();
					$(".b-three .typelist ul li:lt(3)").show();
				} else if (arr.length <= 3) {
					$('.moreoffer').hide();
				}
			});

			function showmore(e) {
				if ($(e).find('i').hasClass('icon-arrow-down')) {
					$(e).find('i').removeClass('icon-arrow-down').addClass('icon-arrow-up');
					$(".b-three .typelist ul li").show();
				} else {
					$(e).find('i').removeClass('icon-arrow-up').addClass('icon-arrow-down');
					$(".b-three .typelist ul li").hide();
					$(".b-three .typelist ul li:lt(3)").show();
				}
			}
			//点评类型
			function clickCom(e){
				$('.answerbox .comment a').removeClass('active');
				$(e).addClass('active');
			}
		</script>
	</body>

</html>